<template>
    <div>
        <h1>姓名：{{info.name}}</h1>
        <h1>年龄：{{info.age}}</h1>
        <h1>兴趣：{{info.interest}}</h1>
    </div>
</template>
<script>
import axios from 'axios'
export default {
    data () {
        return {
            name:"hello word"
        }
    },
    async asyncData () {
        let {data} = await axios.get('https://api.myjson.com/bins/8gdmr')
        return {info:data}
    }
    //异步请求数据
    // asyncData () {
    //     return axios.get('https://api.myjson.com/bins/8gdmr').then((res)=>{
    //         return {info:res.data}
    //     }).catch((err)=>{
    //         console.log(err)
    //     })
    // }
}
</script>
